<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*背景图高亮注意：需要在父元素设置背景图，再加上伪元素，背景设置为继承inherit*/
			
			.pic {
				width: 108px;
				height: 108px;
				margin-left: 108px;
				margin-top: 108px;
				position: relative;
				background-image: url("1.jpg");
				background-size: cover;
				/* 背景图片覆盖整个元素 */
				background-repeat: no-repeat;
				/* 背景图片不重复 */
				background-position: center;
				/* 背景图片居中 */
			}
			
			.pic:after {
				content: "";
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				position: absolute;
				background: inherit;
				filter: blur(20px);
				z-index: -1;
			}
		</style>
	</head>

	<body>
		<div class="pic">

		</div>
	</body>

</html>